<template>
	<view >
		<view class="flex-col page">
		  <view class="flex-col list mt-12">
		    <view class="flex-col justify-start list-item" v-for="(item, index) in items" :key="index" @click="toUrl(index)">
		      <view class="flex-row justify-between items-center group_3" style="width: 720rpx;display: flex;align-items: center;justify-content: space-between;">
		        <view class="font text_3">{{item}}</view>
		        <image
		          class="image_4"
		          src="http://jianshanshuzipingtai.oss-cn-chengdu.aliyuncs.com/2025/01/02/85d33ac6ee2242248fa084ad7cfc967d.png"/>
		      </view>
		    </view>
		  </view>
		</view>
	</view>
</template>

<script>
	export default {
	  components: {},
	  props: {},
	  data() {
	    return {
	      items: ['服务订单', '商城订单',],
	    };
	  },
	
	  methods: {
		  toUrl(e){
			  if(e==0){
				 uni.navigateTo({
				 	url:'/pages/tab3'
				 }) 
			  }else if(e==1){
				  uni.navigateTo({
				  	url:'/pages/shop/orderList/orderList'
				  }) 
			  }
		  }
	  },
	};
</script>

<style scoped>
	.page {
	  background-color: #f8f8f8;
	  width: 100%;
	  overflow-y: auto;
	  overflow-x: hidden;
	  height: 100%;
	}
	.section {
	  padding: 42.92rpx 0 69.08rpx;
	  background-color: #ffffff;
	  overflow: hidden;
	}
	.group {
	  margin-left: 24rpx;
	  margin-right: 12rpx;
	}
	.image_4 {
	  width: 48rpx;
	  height: 48rpx;
	}
	.pos_2 {
	  position: absolute;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
	}
	.text-wrapper {
	  padding: 14.3rpx 0 16.3rpx;
	  border-radius: 32rpx;
	}
	.text_2 {
	  color: #333333;
	  font-size: 36rpx;
	  font-family: PingFang SC;
	  font-weight: 700;
	  line-height: 33.4rpx;
	}
	.list {
	  padding-bottom: 1036rpx;
	  background-color: #ffffff;
	}
	.list-item {
	  background-color: #ffffff;
	  height: 97rpx;
	}
	.group_3 {
	  margin: 0 32rpx;
	  padding: 24rpx 0 23.92rpx;
	  border-bottom: solid 2rpx #f7f7f7;
	}
	.font {
	  font-size: 32rpx;
	  font-family: PingFang SC;
	  line-height: 29.6rpx;
	  color: #333333;
	}
	.text_3 {
	  line-height: 29.54rpx;
	}
</style>